<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3196556" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">下划线</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">指标</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">数据血缘-查看血缘</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">34-数据表</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">数据表格</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">数据源实例实心</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">数据集-01</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">编辑表格_编辑录入操作_jurassic</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">数据看板</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">数据集</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">数据源1</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">数据表</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">置顶展示</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">跨行账户批量转账</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">全局参数 base/setting/globalParams </div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">主题色</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">邮件</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">飞书</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabb;</span>
                <div class="name">24gl-clipboardDown</div>
                <div class="code-name">&amp;#xeabb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">多选</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec80;</span>
                <div class="name">居中对齐</div>
                <div class="code-name">&amp;#xec80;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec83;</span>
                <div class="name">字体加粗</div>
                <div class="code-name">&amp;#xec83;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec86;</span>
                <div class="name">左对齐</div>
                <div class="code-name">&amp;#xec86;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100c3;</span>
                <div class="name">主页-copy</div>
                <div class="code-name">&amp;#x100c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">主页</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">map</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">蓝色圆圈</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100c1;</span>
                <div class="name">蓝色圆圈-copy</div>
                <div class="code-name">&amp;#x100c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100c2;</span>
                <div class="name">蓝色圆圈-copy</div>
                <div class="code-name">&amp;#x100c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">微信小程序</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">PMS</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">级联动选择器</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">icon--scrm-26</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">CRM管理</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">树状图</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe869;</span>
                <div class="name">点击</div>
                <div class="code-name">&amp;#xe869;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">水波图</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">fsux_图表_进度条图</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">选择</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">环形进度条</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">表格</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">3.1收藏-选中</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">3.1收藏</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">右双箭头</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">icon-横向时间轴</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">时间轴</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">发展历程</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe997;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe997;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">账号管理</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">mail邮件</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">门户管理</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">应用管理</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100c0;</span>
                <div class="name">发送</div>
                <div class="code-name">&amp;#x100c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">sds_第00类 全部</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">正三角形</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">三角形</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">太阳</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">六角星1</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">四角星1</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">数值输入</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">拖动</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">预案历史</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xecf0;</span>
                <div class="name">涨-copy</div>
                <div class="code-name">&amp;#xecf0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xecf1;</span>
                <div class="name">涨-copy-copy</div>
                <div class="code-name">&amp;#xecf1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">项目管理</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">项目</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c8;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe8c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d2;</span>
                <div class="name">基本信息</div>
                <div class="code-name">&amp;#xe8d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">presto</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">PostgreSQL</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">发布 </div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">仪表盘</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">删 除</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">ES</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">记录</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">my-SQL</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">数据资产</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">记录</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">新东方-刷新图标</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">数据集</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">文件搜索空</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">主题分析</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">文本格式化</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">结束</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">运行</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">内容字段管理</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">调度</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82a;</span>
                <div class="name">下线</div>
                <div class="code-name">&amp;#xe82a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">图表 折线图</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">饼图</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">t</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">柱状图</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">中国地图2</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe845;</span>
                <div class="name">表格</div>
                <div class="code-name">&amp;#xe845;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xecee;</span>
                <div class="name">输入选择框</div>
                <div class="code-name">&amp;#xecee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83f;</span>
                <div class="name">输入框</div>
                <div class="code-name">&amp;#xe83f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">维度</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">维度</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">过滤</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe861;</span>
                <div class="name">上线</div>
                <div class="code-name">&amp;#xe861;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">字符串</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">数据类型-整数</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">浮点</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">sql</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">问号 [转换]</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">漏斗图 (1)</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">折线图</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">card</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">URL</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">移动</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">单车出租</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">景区</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">平台</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">助力车</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">顺风车</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">金融</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">电池</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">横屏</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">竖屏</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">电动车</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">研发</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">下降</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">上升</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">平衡</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">播报</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">订阅</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">历史</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">消息列表访问取消</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">游戏</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">翻牌</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">群蜂wifi惠</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">雷达图</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">级联选择</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">6.行列互换</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">下钻</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">仪表盘</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">视窗透视表</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">过滤</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">趋势图</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">数据 曲线 走势 趋势 图表 上升 线性</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">散点图</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">trend</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">树型</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">地图定位</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">地图定位点</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9f4;</span>
                <div class="name">位置</div>
                <div class="code-name">&amp;#xe9f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">气泡图</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">指标趋势图</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">涨</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">跌</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">不变</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">对号</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">兴趣点</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">居中</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">居右</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">居左</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">居中</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">居下对齐</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">居上对齐</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">所有订单</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">容器</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">1线段</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">地图</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">地图-地块分包-折线选区</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">所有</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">P</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">电瓶</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">旗帜</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">单车</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">三角形</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec42;</span>
                <div class="name">地图-环</div>
                <div class="code-name">&amp;#xec42;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">房屋</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">地图-星</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">tx-fill-菱形</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">六边形</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe829;</span>
                <div class="name">001电动车</div>
                <div class="code-name">&amp;#xe829;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">地图定位点-未选中</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea6f;</span>
                <div class="name">正方形</div>
                <div class="code-name">&amp;#xea6f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">地图</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">直角三角形</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">圆</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">圆锥体</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">人</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">汽车</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">tx-fill-椭圆形</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">树</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">圆柱</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">梯形</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">3,六边形,复杂,three</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">电池</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">配电柜</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">icon-换电柜</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebba;</span>
                <div class="name">hashnode</div>
                <div class="code-name">&amp;#xebba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">可视</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">linegraph</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">粘贴</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">饼图</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">折线图</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">柱状图</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">取消联动</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">范围选择</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">指标看板</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">失败</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">成功</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">飞机</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">钉钉</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">邮件</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">成功</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">第二名</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xecf2;</span>
                <div class="name">涨-copy</div>
                <div class="code-name">&amp;#xecf2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">第三名</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">排行</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe859;</span>
                <div class="name">第一名</div>
                <div class="code-name">&amp;#xe859;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">右箭头-三个</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">上升</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">下降</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">数据分析，折线图</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">下降</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">上升</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">加载中 (2)</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">业务</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">富文本</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe907;</span>
                <div class="name">指标趋势图20x20</div>
                <div class="code-name">&amp;#xe907;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">百分比环形图</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">桑基图</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">热度</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">锚点</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">矩形树图</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1682579369182') format('woff2'),
       url('iconfont.woff?t=1682579369182') format('woff'),
       url('iconfont.ttf?t=1682579369182') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.icon-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiahuaxian"></span>
            <div class="name">
              下划线
            </div>
            <div class="code-name">.icon-xiahuaxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chakan"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.icon-chakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhibiao"></span>
            <div class="name">
              指标
            </div>
            <div class="code-name">.icon-zhibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuxieyuan-chakanxieyuan"></span>
            <div class="name">
              数据血缘-查看血缘
            </div>
            <div class="code-name">.icon-shujuxieyuan-chakanxieyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon--shujubiao"></span>
            <div class="name">
              34-数据表
            </div>
            <div class="code-name">.icon--shujubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jisuanxieru"></span>
            <div class="name">
              数据表格
            </div>
            <div class="code-name">.icon-jisuanxieru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuyuanshili-shixin"></span>
            <div class="name">
              数据源实例实心
            </div>
            <div class="code-name">.icon-shujuyuanshili-shixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuji-01"></span>
            <div class="name">
              数据集-01
            </div>
            <div class="code-name">.icon-shujuji-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-StaticTable"></span>
            <div class="name">
              编辑表格_编辑录入操作_jurassic
            </div>
            <div class="code-name">.icon-StaticTable
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujukanban"></span>
            <div class="name">
              数据看板
            </div>
            <div class="code-name">.icon-shujukanban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuji1"></span>
            <div class="name">
              数据集
            </div>
            <div class="code-name">.icon-shujuji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuyuan1"></span>
            <div class="name">
              数据源1
            </div>
            <div class="code-name">.icon-shujuyuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujubiao"></span>
            <div class="name">
              数据表
            </div>
            <div class="code-name">.icon-shujubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhidingzhanshi"></span>
            <div class="name">
              置顶展示
            </div>
            <div class="code-name">.icon-zhidingzhanshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujujitihuan"></span>
            <div class="name">
              跨行账户批量转账
            </div>
            <div class="code-name">.icon-shujujitihuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-globalParams"></span>
            <div class="name">
              全局参数 base/setting/globalParams 
            </div>
            <div class="code-name">.icon-globalParams
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhutise"></span>
            <div class="name">
              主题色
            </div>
            <div class="code-name">.icon-zhutise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youjian1"></span>
            <div class="name">
              邮件
            </div>
            <div class="code-name">.icon-youjian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feishu"></span>
            <div class="name">
              飞书
            </div>
            <div class="code-name">.icon-feishu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-clipboardDown"></span>
            <div class="name">
              24gl-clipboardDown
            </div>
            <div class="code-name">.icon-clipboardDown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duoxuan"></span>
            <div class="name">
              多选
            </div>
            <div class="code-name">.icon-duoxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-juzhongduiqi"></span>
            <div class="name">
              居中对齐
            </div>
            <div class="code-name">.icon-juzhongduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zitijiacu"></span>
            <div class="name">
              字体加粗
            </div>
            <div class="code-name">.icon-zitijiacu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoduiqi"></span>
            <div class="name">
              左对齐
            </div>
            <div class="code-name">.icon-zuoduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuye-hl-copy"></span>
            <div class="name">
              主页-copy
            </div>
            <div class="code-name">.icon-zhuye-hl-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuye"></span>
            <div class="name">
              主页
            </div>
            <div class="code-name">.icon-zhuye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map"></span>
            <div class="name">
              map
            </div>
            <div class="code-name">.icon-map
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-red-yuanquan"></span>
            <div class="name">
              蓝色圆圈
            </div>
            <div class="code-name">.icon-red-yuanquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-red-yuanquan-copy"></span>
            <div class="name">
              蓝色圆圈-copy
            </div>
            <div class="code-name">.icon-red-yuanquan-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-red-yuanquan-copy1"></span>
            <div class="name">
              蓝色圆圈-copy
            </div>
            <div class="code-name">.icon-red-yuanquan-copy1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouji"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.icon-shouji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixinxiaochengxu"></span>
            <div class="name">
              微信小程序
            </div>
            <div class="code-name">.icon-weixinxiaochengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-PMS"></span>
            <div class="name">
              PMS
            </div>
            <div class="code-name">.icon-PMS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-H5Cascader"></span>
            <div class="name">
              级联动选择器
            </div>
            <div class="code-name">.icon-H5Cascader
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon--scrm-26"></span>
            <div class="name">
              icon--scrm-26
            </div>
            <div class="code-name">.icon-icon--scrm-26
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CRMguanli"></span>
            <div class="name">
              CRM管理
            </div>
            <div class="code-name">.icon-CRMguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Shuzhuangtu"></span>
            <div class="name">
              树状图
            </div>
            <div class="code-name">.icon-Shuzhuangtu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianji"></span>
            <div class="name">
              点击
            </div>
            <div class="code-name">.icon-dianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuibotu"></span>
            <div class="name">
              水波图
            </div>
            <div class="code-name">.icon-shuibotu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fsux_tubiao_jindutiaotu"></span>
            <div class="name">
              fsux_图表_进度条图
            </div>
            <div class="code-name">.icon-fsux_tubiao_jindutiaotu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuanze"></span>
            <div class="name">
              选择
            </div>
            <div class="code-name">.icon-xuanze
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huanxingjindutiao"></span>
            <div class="name">
              环形进度条
            </div>
            <div class="code-name">.icon-huanxingjindutiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoge"></span>
            <div class="name">
              表格
            </div>
            <div class="code-name">.icon-biaoge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-oucangxuanzhong"></span>
            <div class="name">
              3.1收藏-选中
            </div>
            <div class="code-name">.icon-oucangxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-oucang"></span>
            <div class="name">
              3.1收藏
            </div>
            <div class="code-name">.icon-oucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-imageLink"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icon-imageLink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youshuangjiantou"></span>
            <div class="name">
              右双箭头
            </div>
            <div class="code-name">.icon-youshuangjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-hengxiangshijianzhou"></span>
            <div class="name">
              icon-横向时间轴
            </div>
            <div class="code-name">.icon-icon-hengxiangshijianzhou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijianzhou"></span>
            <div class="name">
              时间轴
            </div>
            <div class="code-name">.icon-shijianzhou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fazhanlicheng"></span>
            <div class="name">
              发展历程
            </div>
            <div class="code-name">.icon-fazhanlicheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tupian"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icon-tupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghaoguanli"></span>
            <div class="name">
              账号管理
            </div>
            <div class="code-name">.icon-zhanghaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mail"></span>
            <div class="name">
              mail邮件
            </div>
            <div class="code-name">.icon-mail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menhuguanli"></span>
            <div class="name">
              门户管理
            </div>
            <div class="code-name">.icon-menhuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyongguanli"></span>
            <div class="name">
              应用管理
            </div>
            <div class="code-name">.icon-yingyongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fasong"></span>
            <div class="name">
              发送
            </div>
            <div class="code-name">.icon-fasong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sds_di00leiquanbu"></span>
            <div class="name">
              sds_第00类 全部
            </div>
            <div class="code-name">.icon-sds_di00leiquanbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zheng-triangle"></span>
            <div class="name">
              正三角形
            </div>
            <div class="code-name">.icon-zheng-triangle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sanjiaoxing1"></span>
            <div class="name">
              三角形
            </div>
            <div class="code-name">.icon-sanjiaoxing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-taiyang"></span>
            <div class="name">
              太阳
            </div>
            <div class="code-name">.icon-taiyang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liujiaoxing"></span>
            <div class="name">
              六角星1
            </div>
            <div class="code-name">.icon-liujiaoxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sijiaoxing"></span>
            <div class="name">
              四角星1
            </div>
            <div class="code-name">.icon-sijiaoxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Tiaojianshuru"></span>
            <div class="name">
              数值输入
            </div>
            <div class="code-name">.icon-Tiaojianshuru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuodong"></span>
            <div class="name">
              拖动
            </div>
            <div class="code-name">.icon-tuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lishipinglun"></span>
            <div class="name">
              预案历史
            </div>
            <div class="code-name">.icon-lishipinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.icon-pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiadie"></span>
            <div class="name">
              涨-copy
            </div>
            <div class="code-name">.icon-xiadie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiadiehong-copy"></span>
            <div class="name">
              涨-copy-copy
            </div>
            <div class="code-name">.icon-xiadiehong-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ProjectManager"></span>
            <div class="name">
              项目管理
            </div>
            <div class="code-name">.icon-ProjectManager
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmu"></span>
            <div class="name">
              项目
            </div>
            <div class="code-name">.icon-xiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhi"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.icon-fuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jibenxinxi"></span>
            <div class="name">
              基本信息
            </div>
            <div class="code-name">.icon-jibenxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-presto"></span>
            <div class="name">
              presto
            </div>
            <div class="code-name">.icon-presto
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Fill"></span>
            <div class="name">
              PostgreSQL
            </div>
            <div class="code-name">.icon-Fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu"></span>
            <div class="name">
              发布 
            </div>
            <div class="code-name">.icon-fabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yibiaopan"></span>
            <div class="name">
              仪表盘
            </div>
            <div class="code-name">.icon-yibiaopan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu-copy-copy"></span>
            <div class="name">
              删 除
            </div>
            <div class="code-name">.icon-shanchu-copy-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ES"></span>
            <div class="name">
              ES
            </div>
            <div class="code-name">.icon-ES
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jilu"></span>
            <div class="name">
              记录
            </div>
            <div class="code-name">.icon-jilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujukuleixingtubiao-kuozhan-"></span>
            <div class="name">
              my-SQL
            </div>
            <div class="code-name">.icon-shujukuleixingtubiao-kuozhan-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuzichan"></span>
            <div class="name">
              数据资产
            </div>
            <div class="code-name">.icon-shujuzichan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jilu1"></span>
            <div class="name">
              记录
            </div>
            <div class="code-name">.icon-jilu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-msnui-more"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-msnui-more
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-refresh"></span>
            <div class="name">
              新东方-刷新图标
            </div>
            <div class="code-name">.icon-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuji"></span>
            <div class="name">
              数据集
            </div>
            <div class="code-name">.icon-shujuji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nowenjian"></span>
            <div class="name">
              文件搜索空
            </div>
            <div class="code-name">.icon-nowenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhutifenxi"></span>
            <div class="name">
              主题分析
            </div>
            <div class="code-name">.icon-zhutifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocun"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-format_icon"></span>
            <div class="name">
              文本格式化
            </div>
            <div class="code-name">.icon-format_icon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieshu"></span>
            <div class="name">
              结束
            </div>
            <div class="code-name">.icon-jieshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunhang"></span>
            <div class="name">
              运行
            </div>
            <div class="code-name">.icon-yunhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-neirongziduanguanli"></span>
            <div class="name">
              内容字段管理
            </div>
            <div class="code-name">.icon-neirongziduanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diaodu"></span>
            <div class="name">
              调度
            </div>
            <div class="code-name">.icon-diaodu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaxian"></span>
            <div class="name">
              下线
            </div>
            <div class="code-name">.icon-xiaxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Comb"></span>
            <div class="name">
              图表 折线图
            </div>
            <div class="code-name">.icon-Comb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Pie"></span>
            <div class="name">
              饼图
            </div>
            <div class="code-name">.icon-Pie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Tab"></span>
            <div class="name">
              t
            </div>
            <div class="code-name">.icon-Tab
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Bar"></span>
            <div class="name">
              柱状图
            </div>
            <div class="code-name">.icon-Bar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-China"></span>
            <div class="name">
              中国地图2
            </div>
            <div class="code-name">.icon-China
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Search"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-Search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Table"></span>
            <div class="name">
              表格
            </div>
            <div class="code-name">.icon-Table
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Date"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-Date
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Select"></span>
            <div class="name">
              输入选择框
            </div>
            <div class="code-name">.icon-Select
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Input"></span>
            <div class="name">
              输入框
            </div>
            <div class="code-name">.icon-Input
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weidu"></span>
            <div class="name">
              维度
            </div>
            <div class="code-name">.icon-weidu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duliang"></span>
            <div class="name">
              维度
            </div>
            <div class="code-name">.icon-duliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-filter"></span>
            <div class="name">
              过滤
            </div>
            <div class="code-name">.icon-filter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-plus"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.icon-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangxian"></span>
            <div class="name">
              上线
            </div>
            <div class="code-name">.icon-shangxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-string"></span>
            <div class="name">
              字符串
            </div>
            <div class="code-name">.icon-string
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-time"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-integer"></span>
            <div class="name">
              数据类型-整数
            </div>
            <div class="code-name">.icon-integer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-double"></span>
            <div class="name">
              浮点
            </div>
            <div class="code-name">.icon-double
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sql"></span>
            <div class="name">
              sql
            </div>
            <div class="code-name">.icon-sql
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tooltip"></span>
            <div class="name">
              问号 [转换]
            </div>
            <div class="code-name">.icon-tooltip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Lou"></span>
            <div class="name">
              漏斗图 (1)
            </div>
            <div class="code-name">.icon-Lou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Line"></span>
            <div class="name">
              折线图
            </div>
            <div class="code-name">.icon-Line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Label"></span>
            <div class="name">
              card
            </div>
            <div class="code-name">.icon-Label
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-URL"></span>
            <div class="name">
              URL
            </div>
            <div class="code-name">.icon-URL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-move"></span>
            <div class="name">
              移动
            </div>
            <div class="code-name">.icon-move
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bike"></span>
            <div class="name">
              单车出租
            </div>
            <div class="code-name">.icon-bike
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingqu"></span>
            <div class="name">
              景区
            </div>
            <div class="code-name">.icon-jingqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefu"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.icon-kefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingtai"></span>
            <div class="name">
              平台
            </div>
            <div class="code-name">.icon-pingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuliche"></span>
            <div class="name">
              助力车
            </div>
            <div class="code-name">.icon-zhuliche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-car"></span>
            <div class="name">
              顺风车
            </div>
            <div class="code-name">.icon-car
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinrong"></span>
            <div class="name">
              金融
            </div>
            <div class="code-name">.icon-jinrong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianchi"></span>
            <div class="name">
              电池
            </div>
            <div class="code-name">.icon-dianchi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-landscape"></span>
            <div class="name">
              横屏
            </div>
            <div class="code-name">.icon-landscape
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuping"></span>
            <div class="name">
              竖屏
            </div>
            <div class="code-name">.icon-shuping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diandongche"></span>
            <div class="name">
              电动车
            </div>
            <div class="code-name">.icon-diandongche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanfa"></span>
            <div class="name">
              研发
            </div>
            <div class="code-name">.icon-yanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duobianxing"></span>
            <div class="name">
              下降
            </div>
            <div class="code-name">.icon-duobianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangsheng"></span>
            <div class="name">
              上升
            </div>
            <div class="code-name">.icon-shangsheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingheng"></span>
            <div class="name">
              平衡
            </div>
            <div class="code-name">.icon-pingheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bobao"></span>
            <div class="name">
              播报
            </div>
            <div class="code-name">.icon-bobao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingyue"></span>
            <div class="name">
              订阅
            </div>
            <div class="code-name">.icon-dingyue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lishi"></span>
            <div class="name">
              历史
            </div>
            <div class="code-name">.icon-lishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cancel"></span>
            <div class="name">
              消息列表访问取消
            </div>
            <div class="code-name">.icon-cancel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youxi"></span>
            <div class="name">
              游戏
            </div>
            <div class="code-name">.icon-youxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Flipper"></span>
            <div class="name">
              翻牌
            </div>
            <div class="code-name">.icon-Flipper
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qunfengwifihui"></span>
            <div class="name">
              群蜂wifi惠
            </div>
            <div class="code-name">.icon-qunfengwifihui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Radar"></span>
            <div class="name">
              雷达图
            </div>
            <div class="code-name">.icon-Radar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Cascader"></span>
            <div class="name">
              级联选择
            </div>
            <div class="code-name">.icon-Cascader
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-6hangliehuhuan"></span>
            <div class="name">
              6.行列互换
            </div>
            <div class="code-name">.icon-6hangliehuhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazuan"></span>
            <div class="name">
              下钻
            </div>
            <div class="code-name">.icon-xiazuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Gauge"></span>
            <div class="name">
              仪表盘
            </div>
            <div class="code-name">.icon-Gauge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Comparison"></span>
            <div class="name">
              视窗透视表
            </div>
            <div class="code-name">.icon-Comparison
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guolv"></span>
            <div class="name">
              过滤
            </div>
            <div class="code-name">.icon-guolv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhexianqushitu"></span>
            <div class="name">
              趋势图
            </div>
            <div class="code-name">.icon-zhexianqushitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuquxian"></span>
            <div class="name">
              数据 曲线 走势 趋势 图表 上升 线性
            </div>
            <div class="code-name">.icon-shujuquxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Scatter"></span>
            <div class="name">
              散点图
            </div>
            <div class="code-name">.icon-Scatter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-IndicatorTrend"></span>
            <div class="name">
              trend
            </div>
            <div class="code-name">.icon-IndicatorTrend
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-IndicatorsTree"></span>
            <div class="name">
              树型
            </div>
            <div class="code-name">.icon-IndicatorsTree
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ditudingwei"></span>
            <div class="name">
              地图定位
            </div>
            <div class="code-name">.icon-ditudingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiaozhizuomoban"></span>
            <div class="name">
              地图定位点
            </div>
            <div class="code-name">.icon-tubiaozhizuomoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icon-dingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuan1"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icon-ziyuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weizhi"></span>
            <div class="name">
              位置
            </div>
            <div class="code-name">.icon-weizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Bubble"></span>
            <div class="name">
              气泡图
            </div>
            <div class="code-name">.icon-Bubble
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Trendcopy"></span>
            <div class="name">
              指标趋势图
            </div>
            <div class="code-name">.icon-Trendcopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhang"></span>
            <div class="name">
              涨
            </div>
            <div class="code-name">.icon-zhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-die"></span>
            <div class="name">
              跌
            </div>
            <div class="code-name">.icon-die
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bubian"></span>
            <div class="name">
              不变
            </div>
            <div class="code-name">.icon-bubian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duihao"></span>
            <div class="name">
              对号
            </div>
            <div class="code-name">.icon-duihao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Image"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icon-Image
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xingqudian"></span>
            <div class="name">
              兴趣点
            </div>
            <div class="code-name">.icon-xingqudian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-juzhong"></span>
            <div class="name">
              居中
            </div>
            <div class="code-name">.icon-juzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-juyou"></span>
            <div class="name">
              居右
            </div>
            <div class="code-name">.icon-juyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-juzuo"></span>
            <div class="name">
              居左
            </div>
            <div class="code-name">.icon-juzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Middle"></span>
            <div class="name">
              居中
            </div>
            <div class="code-name">.icon-Middle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-juxia"></span>
            <div class="name">
              居下对齐
            </div>
            <div class="code-name">.icon-juxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jushang"></span>
            <div class="name">
              居上对齐
            </div>
            <div class="code-name">.icon-jushang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-all"></span>
            <div class="name">
              所有订单
            </div>
            <div class="code-name">.icon-all
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Vessel"></span>
            <div class="name">
              容器
            </div>
            <div class="code-name">.icon-Vessel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ampLine"></span>
            <div class="name">
              1线段
            </div>
            <div class="code-name">.icon-ampLine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-point"></span>
            <div class="name">
              地图
            </div>
            <div class="code-name">.icon-point
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-polygon"></span>
            <div class="name">
              地图-地块分包-折线选区
            </div>
            <div class="code-name">.icon-polygon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suoyou"></span>
            <div class="name">
              所有
            </div>
            <div class="code-name">.icon-suoyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-p"></span>
            <div class="name">
              P
            </div>
            <div class="code-name">.icon-p
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianping"></span>
            <div class="name">
              电瓶
            </div>
            <div class="code-name">.icon-dianping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ai246"></span>
            <div class="name">
              旗帜
            </div>
            <div class="code-name">.icon-ai246
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danche"></span>
            <div class="name">
              单车
            </div>
            <div class="code-name">.icon-danche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sanjiaoxing"></span>
            <div class="name">
              三角形
            </div>
            <div class="code-name">.icon-sanjiaoxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ditu-huan"></span>
            <div class="name">
              地图-环
            </div>
            <div class="code-name">.icon-ditu-huan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangwu"></span>
            <div class="name">
              房屋
            </div>
            <div class="code-name">.icon-fangwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ditu-xing"></span>
            <div class="name">
              地图-星
            </div>
            <div class="code-name">.icon-ditu-xing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tx-fill-lingxing"></span>
            <div class="name">
              tx-fill-菱形
            </div>
            <div class="code-name">.icon-tx-fill-lingxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liubianxing"></span>
            <div class="name">
              六边形
            </div>
            <div class="code-name">.icon-liubianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-001diandongche"></span>
            <div class="name">
              001电动车
            </div>
            <div class="code-name">.icon-001diandongche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ditudingweidian-weixuanzhong"></span>
            <div class="name">
              地图定位点-未选中
            </div>
            <div class="code-name">.icon-ditudingweidian-weixuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-checkbox-full"></span>
            <div class="name">
              正方形
            </div>
            <div class="code-name">.icon-checkbox-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xian"></span>
            <div class="name">
              地图
            </div>
            <div class="code-name">.icon-xian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhijiao-triangle"></span>
            <div class="name">
              直角三角形
            </div>
            <div class="code-name">.icon-zhijiao-triangle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuan"></span>
            <div class="name">
              圆
            </div>
            <div class="code-name">.icon-yuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-yuanzhuiti"></span>
            <div class="name">
              圆锥体
            </div>
            <div class="code-name">.icon-icon-yuanzhuiti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ren"></span>
            <div class="name">
              人
            </div>
            <div class="code-name">.icon-ren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-test"></span>
            <div class="name">
              汽车
            </div>
            <div class="code-name">.icon-icon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tx-fill-tuoyuanxing"></span>
            <div class="name">
              tx-fill-椭圆形
            </div>
            <div class="code-name">.icon-tx-fill-tuoyuanxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shu"></span>
            <div class="name">
              树
            </div>
            <div class="code-name">.icon-shu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuanzhu"></span>
            <div class="name">
              圆柱
            </div>
            <div class="code-name">.icon-yuanzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tixing"></span>
            <div class="name">
              梯形
            </div>
            <div class="code-name">.icon-tixing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-three"></span>
            <div class="name">
              3,六边形,复杂,three
            </div>
            <div class="code-name">.icon-three
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianchi1"></span>
            <div class="name">
              电池
            </div>
            <div class="code-name">.icon-dianchi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peidiangui"></span>
            <div class="name">
              配电柜
            </div>
            <div class="code-name">.icon-peidiangui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huandiangui"></span>
            <div class="name">
              icon-换电柜
            </div>
            <div class="code-name">.icon-huandiangui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-geohash"></span>
            <div class="name">
              hashnode
            </div>
            <div class="code-name">.icon-geohash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-keshi"></span>
            <div class="name">
              可视
            </div>
            <div class="code-name">.icon-keshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-linegraph"></span>
            <div class="name">
              linegraph
            </div>
            <div class="code-name">.icon-linegraph
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-niantie"></span>
            <div class="name">
              粘贴
            </div>
            <div class="code-name">.icon-niantie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-FacetPie"></span>
            <div class="name">
              饼图
            </div>
            <div class="code-name">.icon-FacetPie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-FacetLine"></span>
            <div class="name">
              折线图
            </div>
            <div class="code-name">.icon-FacetLine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-FacetBar"></span>
            <div class="name">
              柱状图
            </div>
            <div class="code-name">.icon-FacetBar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quxiaoliandong1"></span>
            <div class="name">
              取消联动
            </div>
            <div class="code-name">.icon-quxiaoliandong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-RangeFilter"></span>
            <div class="name">
              范围选择
            </div>
            <div class="code-name">.icon-RangeFilter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SingleLabel"></span>
            <div class="name">
              指标看板
            </div>
            <div class="code-name">.icon-SingleLabel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shibai"></span>
            <div class="name">
              失败
            </div>
            <div class="code-name">.icon-shibai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chenggong"></span>
            <div class="name">
              成功
            </div>
            <div class="code-name">.icon-chenggong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feiji"></span>
            <div class="name">
              飞机
            </div>
            <div class="code-name">.icon-feiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingding"></span>
            <div class="name">
              钉钉
            </div>
            <div class="code-name">.icon-dingding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinggao"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.icon-jinggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youjian"></span>
            <div class="name">
              邮件
            </div>
            <div class="code-name">.icon-youjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chenggong1"></span>
            <div class="name">
              成功
            </div>
            <div class="code-name">.icon-chenggong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dierming1"></span>
            <div class="name">
              第二名
            </div>
            <div class="code-name">.icon-dierming1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanglv-copy"></span>
            <div class="name">
              涨-copy
            </div>
            <div class="code-name">.icon-zhanglv-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-disanming"></span>
            <div class="name">
              第三名
            </div>
            <div class="code-name">.icon-disanming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paihang"></span>
            <div class="name">
              排行
            </div>
            <div class="code-name">.icon-paihang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diyi-1"></span>
            <div class="name">
              第一名
            </div>
            <div class="code-name">.icon-diyi-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youjiantou"></span>
            <div class="name">
              右箭头-三个
            </div>
            <div class="code-name">.icon-youjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangsheng2"></span>
            <div class="name">
              上升
            </div>
            <div class="code-name">.icon-shangsheng2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiajiang"></span>
            <div class="name">
              下降
            </div>
            <div class="code-name">.icon-xiajiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huabanfuben"></span>
            <div class="name">
              数据分析，折线图
            </div>
            <div class="code-name">.icon-huabanfuben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiajiang1"></span>
            <div class="name">
              下降
            </div>
            <div class="code-name">.icon-xiajiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangsheng1"></span>
            <div class="name">
              上升
            </div>
            <div class="code-name">.icon-shangsheng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiazaizhong2"></span>
            <div class="name">
              加载中 (2)
            </div>
            <div class="code-name">.icon-jiazaizhong2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yewu"></span>
            <div class="name">
              业务
            </div>
            <div class="code-name">.icon-yewu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-richtext"></span>
            <div class="name">
              富文本
            </div>
            <div class="code-name">.icon-richtext
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Trend"></span>
            <div class="name">
              指标趋势图20x20
            </div>
            <div class="code-name">.icon-Trend
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Board"></span>
            <div class="name">
              百分比环形图
            </div>
            <div class="code-name">.icon-Board
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Sankey"></span>
            <div class="name">
              桑基图
            </div>
            <div class="code-name">.icon-Sankey
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-redu"></span>
            <div class="name">
              热度
            </div>
            <div class="code-name">.icon-redu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-maodian"></span>
            <div class="name">
              锚点
            </div>
            <div class="code-name">.icon-maodian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-TreeMap"></span>
            <div class="name">
              矩形树图
            </div>
            <div class="code-name">.icon-TreeMap
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#icon-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiahuaxian"></use>
                </svg>
                <div class="name">下划线</div>
                <div class="code-name">#icon-xiahuaxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chakan"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#icon-chakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibiao"></use>
                </svg>
                <div class="name">指标</div>
                <div class="code-name">#icon-zhibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuxieyuan-chakanxieyuan"></use>
                </svg>
                <div class="name">数据血缘-查看血缘</div>
                <div class="code-name">#icon-shujuxieyuan-chakanxieyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon--shujubiao"></use>
                </svg>
                <div class="name">34-数据表</div>
                <div class="code-name">#icon--shujubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jisuanxieru"></use>
                </svg>
                <div class="name">数据表格</div>
                <div class="code-name">#icon-jisuanxieru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuyuanshili-shixin"></use>
                </svg>
                <div class="name">数据源实例实心</div>
                <div class="code-name">#icon-shujuyuanshili-shixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuji-01"></use>
                </svg>
                <div class="name">数据集-01</div>
                <div class="code-name">#icon-shujuji-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-StaticTable"></use>
                </svg>
                <div class="name">编辑表格_编辑录入操作_jurassic</div>
                <div class="code-name">#icon-StaticTable</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujukanban"></use>
                </svg>
                <div class="name">数据看板</div>
                <div class="code-name">#icon-shujukanban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuji1"></use>
                </svg>
                <div class="name">数据集</div>
                <div class="code-name">#icon-shujuji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuyuan1"></use>
                </svg>
                <div class="name">数据源1</div>
                <div class="code-name">#icon-shujuyuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujubiao"></use>
                </svg>
                <div class="name">数据表</div>
                <div class="code-name">#icon-shujubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhidingzhanshi"></use>
                </svg>
                <div class="name">置顶展示</div>
                <div class="code-name">#icon-zhidingzhanshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujujitihuan"></use>
                </svg>
                <div class="name">跨行账户批量转账</div>
                <div class="code-name">#icon-shujujitihuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-globalParams"></use>
                </svg>
                <div class="name">全局参数 base/setting/globalParams </div>
                <div class="code-name">#icon-globalParams</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhutise"></use>
                </svg>
                <div class="name">主题色</div>
                <div class="code-name">#icon-zhutise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youjian1"></use>
                </svg>
                <div class="name">邮件</div>
                <div class="code-name">#icon-youjian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feishu"></use>
                </svg>
                <div class="name">飞书</div>
                <div class="code-name">#icon-feishu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-clipboardDown"></use>
                </svg>
                <div class="name">24gl-clipboardDown</div>
                <div class="code-name">#icon-clipboardDown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duoxuan"></use>
                </svg>
                <div class="name">多选</div>
                <div class="code-name">#icon-duoxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-juzhongduiqi"></use>
                </svg>
                <div class="name">居中对齐</div>
                <div class="code-name">#icon-juzhongduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zitijiacu"></use>
                </svg>
                <div class="name">字体加粗</div>
                <div class="code-name">#icon-zitijiacu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoduiqi"></use>
                </svg>
                <div class="name">左对齐</div>
                <div class="code-name">#icon-zuoduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuye-hl-copy"></use>
                </svg>
                <div class="name">主页-copy</div>
                <div class="code-name">#icon-zhuye-hl-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuye"></use>
                </svg>
                <div class="name">主页</div>
                <div class="code-name">#icon-zhuye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map"></use>
                </svg>
                <div class="name">map</div>
                <div class="code-name">#icon-map</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-red-yuanquan"></use>
                </svg>
                <div class="name">蓝色圆圈</div>
                <div class="code-name">#icon-red-yuanquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-red-yuanquan-copy"></use>
                </svg>
                <div class="name">蓝色圆圈-copy</div>
                <div class="code-name">#icon-red-yuanquan-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-red-yuanquan-copy1"></use>
                </svg>
                <div class="name">蓝色圆圈-copy</div>
                <div class="code-name">#icon-red-yuanquan-copy1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouji"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#icon-shouji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixinxiaochengxu"></use>
                </svg>
                <div class="name">微信小程序</div>
                <div class="code-name">#icon-weixinxiaochengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-PMS"></use>
                </svg>
                <div class="name">PMS</div>
                <div class="code-name">#icon-PMS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-H5Cascader"></use>
                </svg>
                <div class="name">级联动选择器</div>
                <div class="code-name">#icon-H5Cascader</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon--scrm-26"></use>
                </svg>
                <div class="name">icon--scrm-26</div>
                <div class="code-name">#icon-icon--scrm-26</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CRMguanli"></use>
                </svg>
                <div class="name">CRM管理</div>
                <div class="code-name">#icon-CRMguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Shuzhuangtu"></use>
                </svg>
                <div class="name">树状图</div>
                <div class="code-name">#icon-Shuzhuangtu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianji"></use>
                </svg>
                <div class="name">点击</div>
                <div class="code-name">#icon-dianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuibotu"></use>
                </svg>
                <div class="name">水波图</div>
                <div class="code-name">#icon-shuibotu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fsux_tubiao_jindutiaotu"></use>
                </svg>
                <div class="name">fsux_图表_进度条图</div>
                <div class="code-name">#icon-fsux_tubiao_jindutiaotu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuanze"></use>
                </svg>
                <div class="name">选择</div>
                <div class="code-name">#icon-xuanze</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huanxingjindutiao"></use>
                </svg>
                <div class="name">环形进度条</div>
                <div class="code-name">#icon-huanxingjindutiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoge"></use>
                </svg>
                <div class="name">表格</div>
                <div class="code-name">#icon-biaoge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-oucangxuanzhong"></use>
                </svg>
                <div class="name">3.1收藏-选中</div>
                <div class="code-name">#icon-oucangxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-oucang"></use>
                </svg>
                <div class="name">3.1收藏</div>
                <div class="code-name">#icon-oucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-imageLink"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icon-imageLink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youshuangjiantou"></use>
                </svg>
                <div class="name">右双箭头</div>
                <div class="code-name">#icon-youshuangjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-hengxiangshijianzhou"></use>
                </svg>
                <div class="name">icon-横向时间轴</div>
                <div class="code-name">#icon-icon-hengxiangshijianzhou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianzhou"></use>
                </svg>
                <div class="name">时间轴</div>
                <div class="code-name">#icon-shijianzhou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fazhanlicheng"></use>
                </svg>
                <div class="name">发展历程</div>
                <div class="code-name">#icon-fazhanlicheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tupian"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icon-tupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghaoguanli"></use>
                </svg>
                <div class="name">账号管理</div>
                <div class="code-name">#icon-zhanghaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mail"></use>
                </svg>
                <div class="name">mail邮件</div>
                <div class="code-name">#icon-mail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menhuguanli"></use>
                </svg>
                <div class="name">门户管理</div>
                <div class="code-name">#icon-menhuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyongguanli"></use>
                </svg>
                <div class="name">应用管理</div>
                <div class="code-name">#icon-yingyongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fasong"></use>
                </svg>
                <div class="name">发送</div>
                <div class="code-name">#icon-fasong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sds_di00leiquanbu"></use>
                </svg>
                <div class="name">sds_第00类 全部</div>
                <div class="code-name">#icon-sds_di00leiquanbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zheng-triangle"></use>
                </svg>
                <div class="name">正三角形</div>
                <div class="code-name">#icon-zheng-triangle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sanjiaoxing1"></use>
                </svg>
                <div class="name">三角形</div>
                <div class="code-name">#icon-sanjiaoxing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-taiyang"></use>
                </svg>
                <div class="name">太阳</div>
                <div class="code-name">#icon-taiyang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liujiaoxing"></use>
                </svg>
                <div class="name">六角星1</div>
                <div class="code-name">#icon-liujiaoxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sijiaoxing"></use>
                </svg>
                <div class="name">四角星1</div>
                <div class="code-name">#icon-sijiaoxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Tiaojianshuru"></use>
                </svg>
                <div class="name">数值输入</div>
                <div class="code-name">#icon-Tiaojianshuru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuodong"></use>
                </svg>
                <div class="name">拖动</div>
                <div class="code-name">#icon-tuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lishipinglun"></use>
                </svg>
                <div class="name">预案历史</div>
                <div class="code-name">#icon-lishipinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#icon-pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiadie"></use>
                </svg>
                <div class="name">涨-copy</div>
                <div class="code-name">#icon-xiadie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiadiehong-copy"></use>
                </svg>
                <div class="name">涨-copy-copy</div>
                <div class="code-name">#icon-xiadiehong-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ProjectManager"></use>
                </svg>
                <div class="name">项目管理</div>
                <div class="code-name">#icon-ProjectManager</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmu"></use>
                </svg>
                <div class="name">项目</div>
                <div class="code-name">#icon-xiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhi"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#icon-fuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jibenxinxi"></use>
                </svg>
                <div class="name">基本信息</div>
                <div class="code-name">#icon-jibenxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-presto"></use>
                </svg>
                <div class="name">presto</div>
                <div class="code-name">#icon-presto</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Fill"></use>
                </svg>
                <div class="name">PostgreSQL</div>
                <div class="code-name">#icon-Fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu"></use>
                </svg>
                <div class="name">发布 </div>
                <div class="code-name">#icon-fabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yibiaopan"></use>
                </svg>
                <div class="name">仪表盘</div>
                <div class="code-name">#icon-yibiaopan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu-copy-copy"></use>
                </svg>
                <div class="name">删 除</div>
                <div class="code-name">#icon-shanchu-copy-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ES"></use>
                </svg>
                <div class="name">ES</div>
                <div class="code-name">#icon-ES</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jilu"></use>
                </svg>
                <div class="name">记录</div>
                <div class="code-name">#icon-jilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujukuleixingtubiao-kuozhan-"></use>
                </svg>
                <div class="name">my-SQL</div>
                <div class="code-name">#icon-shujukuleixingtubiao-kuozhan-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuzichan"></use>
                </svg>
                <div class="name">数据资产</div>
                <div class="code-name">#icon-shujuzichan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jilu1"></use>
                </svg>
                <div class="name">记录</div>
                <div class="code-name">#icon-jilu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-msnui-more"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-msnui-more</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refresh"></use>
                </svg>
                <div class="name">新东方-刷新图标</div>
                <div class="code-name">#icon-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuji"></use>
                </svg>
                <div class="name">数据集</div>
                <div class="code-name">#icon-shujuji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nowenjian"></use>
                </svg>
                <div class="name">文件搜索空</div>
                <div class="code-name">#icon-nowenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhutifenxi"></use>
                </svg>
                <div class="name">主题分析</div>
                <div class="code-name">#icon-zhutifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocun"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-format_icon"></use>
                </svg>
                <div class="name">文本格式化</div>
                <div class="code-name">#icon-format_icon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieshu"></use>
                </svg>
                <div class="name">结束</div>
                <div class="code-name">#icon-jieshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunhang"></use>
                </svg>
                <div class="name">运行</div>
                <div class="code-name">#icon-yunhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-neirongziduanguanli"></use>
                </svg>
                <div class="name">内容字段管理</div>
                <div class="code-name">#icon-neirongziduanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-diaodu"></use>
                </svg>
                <div class="name">调度</div>
                <div class="code-name">#icon-diaodu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaxian"></use>
                </svg>
                <div class="name">下线</div>
                <div class="code-name">#icon-xiaxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Comb"></use>
                </svg>
                <div class="name">图表 折线图</div>
                <div class="code-name">#icon-Comb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Pie"></use>
                </svg>
                <div class="name">饼图</div>
                <div class="code-name">#icon-Pie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Tab"></use>
                </svg>
                <div class="name">t</div>
                <div class="code-name">#icon-Tab</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Bar"></use>
                </svg>
                <div class="name">柱状图</div>
                <div class="code-name">#icon-Bar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-China"></use>
                </svg>
                <div class="name">中国地图2</div>
                <div class="code-name">#icon-China</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Search"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-Search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Table"></use>
                </svg>
                <div class="name">表格</div>
                <div class="code-name">#icon-Table</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Date"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-Date</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Select"></use>
                </svg>
                <div class="name">输入选择框</div>
                <div class="code-name">#icon-Select</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Input"></use>
                </svg>
                <div class="name">输入框</div>
                <div class="code-name">#icon-Input</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weidu"></use>
                </svg>
                <div class="name">维度</div>
                <div class="code-name">#icon-weidu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duliang"></use>
                </svg>
                <div class="name">维度</div>
                <div class="code-name">#icon-duliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-filter"></use>
                </svg>
                <div class="name">过滤</div>
                <div class="code-name">#icon-filter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plus"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#icon-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangxian"></use>
                </svg>
                <div class="name">上线</div>
                <div class="code-name">#icon-shangxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-string"></use>
                </svg>
                <div class="name">字符串</div>
                <div class="code-name">#icon-string</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-integer"></use>
                </svg>
                <div class="name">数据类型-整数</div>
                <div class="code-name">#icon-integer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-double"></use>
                </svg>
                <div class="name">浮点</div>
                <div class="code-name">#icon-double</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sql"></use>
                </svg>
                <div class="name">sql</div>
                <div class="code-name">#icon-sql</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tooltip"></use>
                </svg>
                <div class="name">问号 [转换]</div>
                <div class="code-name">#icon-tooltip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Lou"></use>
                </svg>
                <div class="name">漏斗图 (1)</div>
                <div class="code-name">#icon-Lou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Line"></use>
                </svg>
                <div class="name">折线图</div>
                <div class="code-name">#icon-Line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Label"></use>
                </svg>
                <div class="name">card</div>
                <div class="code-name">#icon-Label</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-URL"></use>
                </svg>
                <div class="name">URL</div>
                <div class="code-name">#icon-URL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-move"></use>
                </svg>
                <div class="name">移动</div>
                <div class="code-name">#icon-move</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bike"></use>
                </svg>
                <div class="name">单车出租</div>
                <div class="code-name">#icon-bike</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingqu"></use>
                </svg>
                <div class="name">景区</div>
                <div class="code-name">#icon-jingqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefu"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#icon-kefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingtai"></use>
                </svg>
                <div class="name">平台</div>
                <div class="code-name">#icon-pingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuliche"></use>
                </svg>
                <div class="name">助力车</div>
                <div class="code-name">#icon-zhuliche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-car"></use>
                </svg>
                <div class="name">顺风车</div>
                <div class="code-name">#icon-car</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinrong"></use>
                </svg>
                <div class="name">金融</div>
                <div class="code-name">#icon-jinrong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianchi"></use>
                </svg>
                <div class="name">电池</div>
                <div class="code-name">#icon-dianchi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-landscape"></use>
                </svg>
                <div class="name">横屏</div>
                <div class="code-name">#icon-landscape</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuping"></use>
                </svg>
                <div class="name">竖屏</div>
                <div class="code-name">#icon-shuping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-diandongche"></use>
                </svg>
                <div class="name">电动车</div>
                <div class="code-name">#icon-diandongche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanfa"></use>
                </svg>
                <div class="name">研发</div>
                <div class="code-name">#icon-yanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duobianxing"></use>
                </svg>
                <div class="name">下降</div>
                <div class="code-name">#icon-duobianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangsheng"></use>
                </svg>
                <div class="name">上升</div>
                <div class="code-name">#icon-shangsheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingheng"></use>
                </svg>
                <div class="name">平衡</div>
                <div class="code-name">#icon-pingheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bobao"></use>
                </svg>
                <div class="name">播报</div>
                <div class="code-name">#icon-bobao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingyue"></use>
                </svg>
                <div class="name">订阅</div>
                <div class="code-name">#icon-dingyue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lishi"></use>
                </svg>
                <div class="name">历史</div>
                <div class="code-name">#icon-lishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cancel"></use>
                </svg>
                <div class="name">消息列表访问取消</div>
                <div class="code-name">#icon-cancel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youxi"></use>
                </svg>
                <div class="name">游戏</div>
                <div class="code-name">#icon-youxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Flipper"></use>
                </svg>
                <div class="name">翻牌</div>
                <div class="code-name">#icon-Flipper</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qunfengwifihui"></use>
                </svg>
                <div class="name">群蜂wifi惠</div>
                <div class="code-name">#icon-qunfengwifihui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Radar"></use>
                </svg>
                <div class="name">雷达图</div>
                <div class="code-name">#icon-Radar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Cascader"></use>
                </svg>
                <div class="name">级联选择</div>
                <div class="code-name">#icon-Cascader</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-6hangliehuhuan"></use>
                </svg>
                <div class="name">6.行列互换</div>
                <div class="code-name">#icon-6hangliehuhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazuan"></use>
                </svg>
                <div class="name">下钻</div>
                <div class="code-name">#icon-xiazuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Gauge"></use>
                </svg>
                <div class="name">仪表盘</div>
                <div class="code-name">#icon-Gauge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Comparison"></use>
                </svg>
                <div class="name">视窗透视表</div>
                <div class="code-name">#icon-Comparison</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guolv"></use>
                </svg>
                <div class="name">过滤</div>
                <div class="code-name">#icon-guolv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhexianqushitu"></use>
                </svg>
                <div class="name">趋势图</div>
                <div class="code-name">#icon-zhexianqushitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuquxian"></use>
                </svg>
                <div class="name">数据 曲线 走势 趋势 图表 上升 线性</div>
                <div class="code-name">#icon-shujuquxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Scatter"></use>
                </svg>
                <div class="name">散点图</div>
                <div class="code-name">#icon-Scatter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-IndicatorTrend"></use>
                </svg>
                <div class="name">trend</div>
                <div class="code-name">#icon-IndicatorTrend</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-IndicatorsTree"></use>
                </svg>
                <div class="name">树型</div>
                <div class="code-name">#icon-IndicatorsTree</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ditudingwei"></use>
                </svg>
                <div class="name">地图定位</div>
                <div class="code-name">#icon-ditudingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiaozhizuomoban"></use>
                </svg>
                <div class="name">地图定位点</div>
                <div class="code-name">#icon-tubiaozhizuomoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icon-dingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuan1"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icon-ziyuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weizhi"></use>
                </svg>
                <div class="name">位置</div>
                <div class="code-name">#icon-weizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Bubble"></use>
                </svg>
                <div class="name">气泡图</div>
                <div class="code-name">#icon-Bubble</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Trendcopy"></use>
                </svg>
                <div class="name">指标趋势图</div>
                <div class="code-name">#icon-Trendcopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhang"></use>
                </svg>
                <div class="name">涨</div>
                <div class="code-name">#icon-zhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-die"></use>
                </svg>
                <div class="name">跌</div>
                <div class="code-name">#icon-die</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bubian"></use>
                </svg>
                <div class="name">不变</div>
                <div class="code-name">#icon-bubian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duihao"></use>
                </svg>
                <div class="name">对号</div>
                <div class="code-name">#icon-duihao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Image"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icon-Image</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xingqudian"></use>
                </svg>
                <div class="name">兴趣点</div>
                <div class="code-name">#icon-xingqudian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-juzhong"></use>
                </svg>
                <div class="name">居中</div>
                <div class="code-name">#icon-juzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-juyou"></use>
                </svg>
                <div class="name">居右</div>
                <div class="code-name">#icon-juyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-juzuo"></use>
                </svg>
                <div class="name">居左</div>
                <div class="code-name">#icon-juzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Middle"></use>
                </svg>
                <div class="name">居中</div>
                <div class="code-name">#icon-Middle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-juxia"></use>
                </svg>
                <div class="name">居下对齐</div>
                <div class="code-name">#icon-juxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jushang"></use>
                </svg>
                <div class="name">居上对齐</div>
                <div class="code-name">#icon-jushang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-all"></use>
                </svg>
                <div class="name">所有订单</div>
                <div class="code-name">#icon-all</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Vessel"></use>
                </svg>
                <div class="name">容器</div>
                <div class="code-name">#icon-Vessel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ampLine"></use>
                </svg>
                <div class="name">1线段</div>
                <div class="code-name">#icon-ampLine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-point"></use>
                </svg>
                <div class="name">地图</div>
                <div class="code-name">#icon-point</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-polygon"></use>
                </svg>
                <div class="name">地图-地块分包-折线选区</div>
                <div class="code-name">#icon-polygon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suoyou"></use>
                </svg>
                <div class="name">所有</div>
                <div class="code-name">#icon-suoyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-p"></use>
                </svg>
                <div class="name">P</div>
                <div class="code-name">#icon-p</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianping"></use>
                </svg>
                <div class="name">电瓶</div>
                <div class="code-name">#icon-dianping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ai246"></use>
                </svg>
                <div class="name">旗帜</div>
                <div class="code-name">#icon-ai246</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danche"></use>
                </svg>
                <div class="name">单车</div>
                <div class="code-name">#icon-danche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sanjiaoxing"></use>
                </svg>
                <div class="name">三角形</div>
                <div class="code-name">#icon-sanjiaoxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ditu-huan"></use>
                </svg>
                <div class="name">地图-环</div>
                <div class="code-name">#icon-ditu-huan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangwu"></use>
                </svg>
                <div class="name">房屋</div>
                <div class="code-name">#icon-fangwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ditu-xing"></use>
                </svg>
                <div class="name">地图-星</div>
                <div class="code-name">#icon-ditu-xing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tx-fill-lingxing"></use>
                </svg>
                <div class="name">tx-fill-菱形</div>
                <div class="code-name">#icon-tx-fill-lingxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liubianxing"></use>
                </svg>
                <div class="name">六边形</div>
                <div class="code-name">#icon-liubianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-001diandongche"></use>
                </svg>
                <div class="name">001电动车</div>
                <div class="code-name">#icon-001diandongche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ditudingweidian-weixuanzhong"></use>
                </svg>
                <div class="name">地图定位点-未选中</div>
                <div class="code-name">#icon-ditudingweidian-weixuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-checkbox-full"></use>
                </svg>
                <div class="name">正方形</div>
                <div class="code-name">#icon-checkbox-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xian"></use>
                </svg>
                <div class="name">地图</div>
                <div class="code-name">#icon-xian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijiao-triangle"></use>
                </svg>
                <div class="name">直角三角形</div>
                <div class="code-name">#icon-zhijiao-triangle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuan"></use>
                </svg>
                <div class="name">圆</div>
                <div class="code-name">#icon-yuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-yuanzhuiti"></use>
                </svg>
                <div class="name">圆锥体</div>
                <div class="code-name">#icon-icon-yuanzhuiti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ren"></use>
                </svg>
                <div class="name">人</div>
                <div class="code-name">#icon-ren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-test"></use>
                </svg>
                <div class="name">汽车</div>
                <div class="code-name">#icon-icon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tx-fill-tuoyuanxing"></use>
                </svg>
                <div class="name">tx-fill-椭圆形</div>
                <div class="code-name">#icon-tx-fill-tuoyuanxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shu"></use>
                </svg>
                <div class="name">树</div>
                <div class="code-name">#icon-shu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuanzhu"></use>
                </svg>
                <div class="name">圆柱</div>
                <div class="code-name">#icon-yuanzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tixing"></use>
                </svg>
                <div class="name">梯形</div>
                <div class="code-name">#icon-tixing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-three"></use>
                </svg>
                <div class="name">3,六边形,复杂,three</div>
                <div class="code-name">#icon-three</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianchi1"></use>
                </svg>
                <div class="name">电池</div>
                <div class="code-name">#icon-dianchi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peidiangui"></use>
                </svg>
                <div class="name">配电柜</div>
                <div class="code-name">#icon-peidiangui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huandiangui"></use>
                </svg>
                <div class="name">icon-换电柜</div>
                <div class="code-name">#icon-huandiangui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-geohash"></use>
                </svg>
                <div class="name">hashnode</div>
                <div class="code-name">#icon-geohash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-keshi"></use>
                </svg>
                <div class="name">可视</div>
                <div class="code-name">#icon-keshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-linegraph"></use>
                </svg>
                <div class="name">linegraph</div>
                <div class="code-name">#icon-linegraph</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-niantie"></use>
                </svg>
                <div class="name">粘贴</div>
                <div class="code-name">#icon-niantie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-FacetPie"></use>
                </svg>
                <div class="name">饼图</div>
                <div class="code-name">#icon-FacetPie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-FacetLine"></use>
                </svg>
                <div class="name">折线图</div>
                <div class="code-name">#icon-FacetLine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-FacetBar"></use>
                </svg>
                <div class="name">柱状图</div>
                <div class="code-name">#icon-FacetBar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quxiaoliandong1"></use>
                </svg>
                <div class="name">取消联动</div>
                <div class="code-name">#icon-quxiaoliandong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-RangeFilter"></use>
                </svg>
                <div class="name">范围选择</div>
                <div class="code-name">#icon-RangeFilter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SingleLabel"></use>
                </svg>
                <div class="name">指标看板</div>
                <div class="code-name">#icon-SingleLabel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shibai"></use>
                </svg>
                <div class="name">失败</div>
                <div class="code-name">#icon-shibai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chenggong"></use>
                </svg>
                <div class="name">成功</div>
                <div class="code-name">#icon-chenggong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feiji"></use>
                </svg>
                <div class="name">飞机</div>
                <div class="code-name">#icon-feiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingding"></use>
                </svg>
                <div class="name">钉钉</div>
                <div class="code-name">#icon-dingding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinggao"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#icon-jinggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youjian"></use>
                </svg>
                <div class="name">邮件</div>
                <div class="code-name">#icon-youjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chenggong1"></use>
                </svg>
                <div class="name">成功</div>
                <div class="code-name">#icon-chenggong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dierming1"></use>
                </svg>
                <div class="name">第二名</div>
                <div class="code-name">#icon-dierming1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanglv-copy"></use>
                </svg>
                <div class="name">涨-copy</div>
                <div class="code-name">#icon-zhanglv-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-disanming"></use>
                </svg>
                <div class="name">第三名</div>
                <div class="code-name">#icon-disanming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paihang"></use>
                </svg>
                <div class="name">排行</div>
                <div class="code-name">#icon-paihang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-diyi-1"></use>
                </svg>
                <div class="name">第一名</div>
                <div class="code-name">#icon-diyi-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youjiantou"></use>
                </svg>
                <div class="name">右箭头-三个</div>
                <div class="code-name">#icon-youjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangsheng2"></use>
                </svg>
                <div class="name">上升</div>
                <div class="code-name">#icon-shangsheng2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiajiang"></use>
                </svg>
                <div class="name">下降</div>
                <div class="code-name">#icon-xiajiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huabanfuben"></use>
                </svg>
                <div class="name">数据分析，折线图</div>
                <div class="code-name">#icon-huabanfuben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiajiang1"></use>
                </svg>
                <div class="name">下降</div>
                <div class="code-name">#icon-xiajiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangsheng1"></use>
                </svg>
                <div class="name">上升</div>
                <div class="code-name">#icon-shangsheng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiazaizhong2"></use>
                </svg>
                <div class="name">加载中 (2)</div>
                <div class="code-name">#icon-jiazaizhong2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewu"></use>
                </svg>
                <div class="name">业务</div>
                <div class="code-name">#icon-yewu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-richtext"></use>
                </svg>
                <div class="name">富文本</div>
                <div class="code-name">#icon-richtext</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Trend"></use>
                </svg>
                <div class="name">指标趋势图20x20</div>
                <div class="code-name">#icon-Trend</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Board"></use>
                </svg>
                <div class="name">百分比环形图</div>
                <div class="code-name">#icon-Board</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Sankey"></use>
                </svg>
                <div class="name">桑基图</div>
                <div class="code-name">#icon-Sankey</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-redu"></use>
                </svg>
                <div class="name">热度</div>
                <div class="code-name">#icon-redu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-maodian"></use>
                </svg>
                <div class="name">锚点</div>
                <div class="code-name">#icon-maodian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-TreeMap"></use>
                </svg>
                <div class="name">矩形树图</div>
                <div class="code-name">#icon-TreeMap</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
